#HTML code tables

[ailurinae]

oh that's really weird… hm. Did you copy and paste the name by chance? Though if it displayed correctly at first it shouldn't change… hm

Hey, @staff, why did the double-dagger symbol in N!xau ǂToma's name survive the Wordpress to Tumblr process but the apostrophe in Paddy O'Byrne's name didn't?

[kelasian]

cooking something devious

[jihnari]

there's nothing quite like using ancient code with all the example images broken and for some god forsaken reason they keep putting everything in tables

[divinector]

Responsive Pricing Plan

[hua-fei-hua]

"where did you go" sanitizer got me again.

[codenewbies]

Responsive Price Plan Design

[pueriled]

Useful websites / links for rentry , bundlrs , gfx & etc for you!

symbol sanatorium - Links to a google document with a ton of symbols , kaomojis & text layouts. I use it for pretty much all of my recent rentrys.

sozaino.site - Website that's been making its rounds on rentry as of late, useful for graphic making. Has dividers, pngs, frames ~ etc if you have the creative touch.

sozai-good - site I found recently that has a lot of pngs you can download, also has frames and borders. In japanese but isn't hard to translate. Everything is also sorted into sections.

lottie lab - Website useful for animating, can be used to move around PNGs for rentry and the like. I don't use it much myself atm, but it's pretty easy to get the hang of.

scripted.neocities - Neocities full of code you can use for bundlrs or carrd. Also useful for stuff like spacehey and other sites that use CSS / HTML

blinkies.cafe - Easily make or find blinkies here! Great for beginners who want to make some simple things.

emojicombos - Search practically anything and you'll find an emoji combo for it. Useful for finding symbol / text combos and kaomojis.

unicode character table - Has pretty much every single symbol you've seen or needed. You can find what you want pretty easily due to its sectioning. Has stuff like arrows , dingbats , brackets , etc etc..

yaytext - Make your text 𝙼𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎! or U͟n͟d͟e͟r͟l͟i͟n͟e͟d͟!͟ easily with this website! May possibly break screenreaders in the process though so be warned.

lorem ipsum generator - Too lazy to generate a block of text to make a page look filled out, well look no longer! This site can quickly generate of block of pure gibberish to make it seem like there's actually text there! Good for newspaper / magazine gfx ~

And that's all ( for now )! I use most of all these sites and find them very useful! Hopefully one of them will prove useful to you too dear friend (❁´◡`❁)

[codingflicks]

Bootstrap Pricing Table

[ano-otoko]

Yourspace, a modern "Myspace" page template

(Pictured above: the default layout, and my old customised page that I've used prior as an example)

I've been making pages for (formerly) Neocities and my personal site for going on 8 years now, and it turns out that I have a lot of old ass codes that I don't really like or use anymore. So, I've decided to start uploading some of them!

This is "Yourspace", a modern Myspace-based layout code that ditches the horrid table layouts, with bonus compatibility for mobile screens. It's not compatible with old Myspace themes as a result, but should be much easier to customise to make up for it. Intended for Neocities, Nekoweb, etc., it does require basic knowledge of HTML and CSS to use -- since it's older it's not my cleanest work, but should be readable enough that it's (hopefully) not difficult to work with.

☆ Downloads and more info at my site! ☆

[divinector]

Responsive Price Plan Design

[empty-movement]

Empty Movement's 2023 Revolutionary Girl Utena UPDATE

Fashionably late? As always. 2023 was a HUGE year for Empty Movement, so much so that to confess, we did a big fail in actually keeping up with sharing the stuff we did! OOPS. So finally, we proudly bring you: all the Revolutionary Girl Utena content we dropped in 2023. Essays, artbooks, CD information, you name it. Click below for the entire site update, or get it at the source, as always, at ohtori.nu.

In Analysis (Fan Essays): • seebee's essay The Power of Living an Embodying Narrative is about more than Utena, it's about the fandom--including us. We were both interviewed for this piece, and the result is an absolutely beautiful essay that has helped inform how we do Utena stuff going forward. Thank you so much for letting us be part of this! • seebee's VIDEO essay FILM CUTS BACK | transfeminism in utena absolutely blew our minds and it's so good we're listing it. Look at the title. Just go watch it, it rules. • Nicole Winchester's essay No Choice But To Become Witches: The Bishōjo-Demonic Phallic Mother Dichotomy in Revolutionary Girl Utena catches you up to speed on the academic discussion around what might best be described as the shoujo manga iteration of the Madonna-Whore complex. Then, naturally, it finds plenty to say about Utena. Great work that was well worth the coding!

------------

In From the Mouths of Babes (Translated Meta/Creator Content): • Cross X Talk, A Round Table Discussion Commemorating the Second Musical Utena GOGAI FUCKIN' GOGAI. Nagumo and friends bring us the final untranslated part of the 2019 Black Rose Musical's program guide: the monster interview with Ikuhara and the director of the musicals, Yoshitani. INCREDIBLE content here that 100% lives up to the first musical's similar encounter! A must read!! • The Rose Apocalypse's Ei Takatori Interview The director of the mysterious 1999 musical (yes the machine gun one, and YES WE HAVE MORE INFORMATION ABOUT IT COMING) interviewed in The Rose Apocalypse book. This...is that. Thank you so much to iris hahn for translating, and I can't wait to bring you more of this mythology!!! • The Utena Dossier Animage Magazine's June 1997 supplemental, this 36-page Utena tome has ben translated by Nagumo with editing by Ayu Ohseki. Because so much of the content is in its visual presentation, I worked the translation into the original scans! Check it out! (PS. Yes that is an entirely different gallery on the emptymovement.com domain, no this won't stay there, yes it has been a weird couple years.) The Dossier includes two long interviews that are also worked into html pages for easy viewing! The Auspicious Joining of Manga and Anime: Saito and Hasegawa For Whom the Director Smiles: Ikuhara and Kitakubo

-------------

In Historia Arcana & The Bibliothèque (Untranslated Resources): • There are a lot of changes happening in this arena!!! How and where to place different materials has been a moving target, so I'll do my best! The sites don't quite reflect this yet, but Historia Arcana will be for cover to cover Utena media, including special magazine publications. Something Eternal's gallery, the Bibliothèque, will be for magazine articles, clippings, and other things. Major artbooks will likely be in both places, cross referenced. New books in Historia Arcana: • The Rose Spiral: Reflections on the Mythology of Utena While not strictly official, this is a fan published book of in depth analysis of Utena, circa 1998! Yep, cover to cover. • Revolution Dictionary (OST 1 First Press Bonus) Cross-referenced from Audiology, this is the bonus dictionary you only got if you grabbed it early! Cool! • Revolutionary Girl Utena Making of Visuals Book Art of UTENA I am mentioning this for completions sake and because I already uploaded it, but this is a cover to cover high resolution, uncleaned scan of the 1999 Art of Utena artbook. I am going to clean the scans, and ultimately be posting the official artbooks elsewhere. • Revolutionary Girl Utena Photobook: Rose Memories This special Animage bonus could be purchased for 700 yen, and back then, was probably a great way to keep the anime in your pocket! It's entirely shots from the TV series, though, so there's nothing specifically new. But I scan it all, baby. New books in the Bibliothèque: • Chiho Saito's 1999 Revolutionary Girl Utena Original Illustration Collection HI THIS IS A VERY BIG DEAL. Read more about why when you visit! TLDR? Here's some of the best artwork of Utena, rescanned and remastered by yours truly to be the best big big scans of big big beautiful Chiho Saito Art. This is a feast. I even made myself a calendar! (Note that the price is such that I don't make a profit on these, so if you're looking to donate, definitely go by other routes, haha.) You will find multiple ways to obtain the scans, and in more than one size. Either way you soak up the rays, enjoy 'em! New articles and clips in the Bibliothèque: • H! Rockin' on Japan Magazine Saito X Oikawa This fashion music magazine's July 1999 article has ALREADY BEEN TRANSLATED? Like, I am going to add the translation officially to the site of course, but holy hell Nagumo is amazing!! This article is actually the origin of a Saito art piece that uh, well. Now we know she went to a love hotel with movie Akio's VA. Cool! Anyway check it out! • Comickers Magazine, August 1997 This absolute monster find is an industry-focused magazine with this gorgeous spread and interview with Chiho Saito. It gets into how she does things. The making of Utena. All kinds of stuff. I'd LOVE to know more about this one!! • Comickers Magazine, June 1998 Again, an industry-focused publication, this time it's exploring the manga and the anime and how they compare. Again looks like a tasty meal!! • Volks Magazine, Spring 2022 YEP SCANS OF THE BOOK OF THE DOLLFIES. For a lot of us, this is at close as we get to these ludicrously gorgeous dolls. I included a few extra pages because they were just fuckin' cool and felt relevant. • Sega Saturn Magazine, December 1997 One of two grabs I got recently on Yahoo! Japan! This appears to be the first look announcement of the 1998 Utena video game! (Yes we have more on it, yes we will eventually post links.) • Sega Saturn Magazine, April 1998 This feature brings attention to the voice actors, who are all returning for the game! • Dengeki G's Magazine, January 1998 Another gaming focused magazine, with frankly a more adult edge, cheaply lets the readers know about Utena. These three game magazine moments are just a bizarre reminder of how we did things before the internet, LMAO

---------------

In Audiology (Music and CD Information): • Complete information about the STAR CHILD - Girls Character Song Best album! You also definitely can't grab the two new remix tracks there. • Did you know there was a first press bonus dictionary for the first OST? I DIDN'T UNTIL RECENTLY. Now I know all about it, and so can you. Check it out! Obviously, scans available, both here and in Historia Arcana. • I FINALLY acquired a complete set of the Utena CD singles!! Check out complete track lists, scans, and information for ALL FIVE Utena singles. Yes. Including the movie Akio guy's one.

----------------

In The Doujinshi Gallery: • Several dozen dounjinshi were uploaded earlier in the year, and can be found listed on the Site Update archive here.

---------------

That's all for now, folks! There's so so so much coming. I have the episode 18 and 20 (!!!!) storyboards to scan, as well as a fully translated scanlation of The Duelist Bible. We're planning to do something for Anthy's rare LEAP YEAR birthday coming up, probably a musical stream or something! Love!

[study-diaries]

Day 6 [Forms In HTML]

Introduction To HTML

Day 2 [Multimedia Elements In HTML]

Day 3 [Table in HTML]

Day 4 [Link Tag In HTML]

Day 5 [Lists In HTML]

Forms are basically used for collecting user information. And they are really important to learn. Here's a simple form in HTML:

Code:

Line By Line Explanation:

<form>: Used for creating forms. All the form elements go in this tag. Action: When submitted, data is sent to this file or URL [index.html] Method="post": Sends data

<label> : This describes the input tag for="___": Connects the label to the input with id="name" id : gives a unique identification to the tag <input>: It's used to make the form elements

<input> Type Elements :

type="text" : A simple text box is created.

type="email" : A box to input email.

type="checkbox" : A small square that users can tick. Can select multiple options using this.

type="radio" : A small circle, you can only select one option.

type="submit" : A button that submits the data to the server.

<textarea>: Accepts multiple lines of text. rows="4": It creates 4 lines cols="30": It creates 30 characters

<select> : Creates a drop-down list <option>: Creates an item in the dropdown. value="colorname": This is the data sent to the server if chosen.

Output For The Code:

_______________________

Hope This Helps !!

[the-nox-syndicate]

SysNotes devlog 1

Hiya! We're a web developer by trade and we wanted to build ourselves a web-app to manage our system and to get to know each other better. We thought it would be fun to make a sort of a devlog on this blog to show off the development! The working title of this project is SysNotes (but better ideas are welcome!)

What SysNotes is✅:

A place to store profiles of all of our parts

A tool to figure out who is in front

A way to explore our inner world

A private chat similar to PluralKit

A way to combine info about our system with info about our OCs etc as an all-encompassing "brain-world" management system

A personal and tailor-made tool made for our needs

What SysNotes is not❌:

A fronting tracker (we see no need for it in our system)

A social media where users can interact (but we're open to make it so if people are interested)

A public platform that can be used by others (we don't have much experience actually hosting web-apps, but will consider it if there is enough interest!)

An offline app

So if this sounds interesting to you, you can find the first devlog below the cut (it's a long one!):

(I have used word highlighting and emojis as it helps me read large chunks of text, I hope it's alright with y'all!)

Tech stack & setup (feel free to skip if you don't care!)

The project is set up using:

Database: MySQL 8.4.3

Language: PHP 8.3

Framework: Laravel 10 with Breeze (authentication and user accounts) and Livewire 3 (front end integration)

Styling: Tailwind v4

I tried to set up Laragon to easily run the backend, but I ran into issues so I'm just running "php artisan serve" for now and using Laragon to run the DB. Also I'm compiling styles in real time with "npm run dev". Speaking of the DB, I just migrated the default auth tables for now. I will be making app-related DB tables in the next devlog. The awesome thing about Laravel is its Breeze starter kit, which gives you fully functioning authentication and basic account management out of the box, as well as optional Livewire to integrate server-side processing into HTML in the sexiest way. This means that I could get all the boring stuff out of the way with one terminal command. Win!

Styling and layout (for the UI nerds - you can skip this too!)

I changed the default accent color from purple to orange (personal preference) and used an emoji as a placeholder for the logo. I actually kinda like the emoji AS a logo so I might keep it.

Laravel Breeze came with a basic dashboard page, which I expanded with a few containers for the different sections of the page. I made use of the components that come with Breeze to reuse code for buttons etc throughout the code, and made new components as the need arose. Man, I love clean code 😌

I liked the dotted default Laravel page background, so I added it to the dashboard to create the look of a bullet journal. I like the journal-type visuals for this project as it goes with the theme of a notebook/file. I found the code for it here.

I also added some placeholder menu items for the pages that I would like to have in the app - Profile, (Inner) World, Front Decider, and Chat.

i ran into an issue dynamically building Tailwind classes such as class="bg-{{$activeStatus['color']}}-400" - turns out dynamically-created classes aren't supported, even if they're constructed in the component rather than the blade file. You learn something new every day huh…

Also, coming from Tailwind v3, "ps-*" and "pe-*" were confusing to get used to since my muscle memory is "pl-*" and "pr-*" 😂

Feature 1: Profiles page - proof of concept

This is a page where each alter's profiles will be displayed. You can switch between the profiles by clicking on each person's name. The current profile is highlighted in the list using a pale orange colour.

The logic for the profiles functionality uses a Livewire component called Profiles, which loads profile data and passes it into the blade view to be displayed. It also handles logic such as switching between the profiles and formatting data. Currently, the data is hardcoded into the component using an associative array, but I will be converting it to use the database in the next devlog.

New profile (TBC)

You will be able to create new profiles on the same page (this is yet to be implemented). My vision is that the New Alter form will unfold under the button, and fold back up again once the form has been submitted.

Alter name, pronouns, status

The most interesting component here is the status, which is currently set to a hardcoded list of "active", "dormant", and "unknown". However, I envision this to be a customisable list where I can add new statuses to the list from a settings menu (yet to be implemented).

Alter image

I wanted the folder that contained alter images and other assets to be outside of my Laravel project, in the Pictures folder of my operating system. I wanted to do this so that I can back up the assets folder whenever I back up my Pictures folder lol (not for adding/deleting the files - this all happens through the app to maintain data integrity!). However, I learned that Laravel does not support that and it will not be able to see my files because they are external. I found a workaround by using symbolic links (symlinks) 🔗. Basically, they allow to have one folder of identical contents in more than one place. I ran "mklink /D [external path] [internal path]" to create the symlink between my Pictures folder and Laravel's internal assets folder, so that any files that I add to my Pictures folder automatically copy over to Laravel's folder. I changed a couple lines in filesystems.php to point to the symlinked folder:

And I was also getting a "404 file not found" error - I think the issue was because the port wasn't originally specified. I changed the base app URL to the localhost IP address in .env:

…And after all this messing around, it works!

(My Pictures folder)

(My Laravel storage)

(And here is Alice's photo displayed - dw I DO know Ibuki's actual name)

Alter description and history

The description and history fields support HTML, so I can format these fields however I like, and add custom features like tables and bullet point lists.

This is done by using blade's HTML preservation tags "{!! !!}" as opposed to the plain text tags "{{ }}".

(Here I define Alice's description contents)

(And here I insert them into the template)

Traits, likes, dislikes, front triggers

These are saved as separate lists and rendered as fun badges. These will be used in the Front Decider (anyone has a better name for it?? 🤔) tool to help me identify which alter "I" am as it's a big struggle for us. Front Decider will work similar to FlowCharty.

What next?

There's lots more things I want to do with SysNotes! But I will take it one step at a time - here is the plan for the next devlog:

Setting up database tables for the profile data

Adding the "New Profile" form so I can create alters from within the app

Adding ability to edit each field on the profile

I tried my best to explain my work process in a way that wold somewhat make sense to non-coders - if you have any feedback for the future format of these devlogs, let me know!

~~~~~~~~~~~~~~~~~~

Disclaimers:

I have not used AI in the making of this app and I do NOT support the Vibe Coding mind virus that is currently on the loose. Programming is a form of art, and I will defend manual coding until the day I die.

Any alter data found in the screenshots is dummy data that does not represent our actual system.

I will not be making the code publicly available until it is a bit more fleshed out, this so far is just a trial for a concept I had bouncing around my head over the weekend.

We are SYSCOURSE NEUTRAL! Please don't start fights under this post